<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<link rel="stylesheet" href="./css/main.css">
		<script type="text/javascript" src="./js/jquery.js"></script>
		<script type="text/javascript" src="./js/min.js"></script>
		<script type="text/javascript" src="./js/index.js"></script>

		<title>魅族首页</title>

	</head>

	<body>
		<div class="site_head">
			<!-- 导航和用户中心 -->
			<div class="f_top">
				<div class="top">
					<div class="top_part">
						<a href="" name="page_top">魅族官网</a>
						<a href="">魅族商城</a>
						<a href="">Flyme</a>
						<a href="">专卖店</a>
						<a href="">服务</a>
						<a href="">社区</a>

					</div>
					<a class="user" href="">注册</a>
					<a class="user" href="">登陆</a>
					<a class="user" href="">我的订单</a>
				</div>
			</div>
			<!-- 导航和用户中心结束 -->
			<!-- 菜单栏 -->
			<div class="f_menu">
				<div class="menu">
					<div class="logo">
						<img width="115" height="20" src="./images/logo.jpg" title="logo">
					</div>
					<div class="partition">
						<ul>
							<li>
								<div class="h1">
									<a class="over_slide" href="">
										PRO手机										
									</a>
									<div class="down_slid">										
										<div class="ul">
											<div class="li">
											<a href=""><img src="./images/slide1.png" alt=""/>
												<p>魅族2</p><span>￥1200</span></a>
											</div>
										</div>									
									</div>
									
								</div>																
							</li>
							<li>
								<div class="h1">
									<a class="over_slide" href="">
										魅蓝手机										
									</a>
									<div class="down_slid">
											<div class="ul">
												<div class="li">
													<a href="">
														<img src="./images/slide2.png" alt="" />
														<p>魅蓝手机</p><span>￥1200</span>
													</a>
												</div>
												<div class="li">
													<a href="">
														<img src="./images/slide3.png" alt="" />
														<p>魅蓝手机</p><span>￥1200</span>
													</a>
												</div>
		
											</div>
										</div>
										
								</div>
							</li>
							<li>
								<div class="h1">
									<a class="over_slide" href="">
										MX手机										
									</a>
									<div class="down_slid">
										<div class="ul">
											<div class="li">
												<a href=""><img src="./images/slide4.png" alt="" />
													<p>MX手机</p><span>￥1200</span></a>
											</div>
											<div class="li">
												<a href=""><img src="./images/slide5.png" alt="" />
													<p>MX手机</p><span>￥1200</span></a>
											</div>
										</div>
									</div>									
								</div>
								
							</li>
							<li>
								<div class="h1">
									<a class="over_slide" href="">精选配件										
									</a>
									<div class="down_slid">
											<div class="ul">
												<div class="li">
													<a href=""><img src="./images/slide6.png" alt="" />
														<p>精选配件</p><span>￥1200</span></a>
												</div>
												<div class="li">
													<a href=""><img src="./images/slide7.png" alt="" />
														<p>精选配件</p><span>￥1200</span></a>
												</div>
												<div class="li">
													<a href=""><img src="./images/slide8.png" alt="" />
														<p>精选配件</p><span>￥1200</span></a>
												</div>
												<div class="li">
													<a href=""><img src="./images/slide9.png" alt="" />
														<p>精选配件</p><span>￥1200</span></a>
												</div>
												<div class="li">
													<a href=""><img src="./images/slide10.png" alt="" />
														<p>精选配件</p><span>￥1200</span></a>
												</div>
											</div>
										</div>
										
								</div>	
							</li>
							<li>
								<div class="h1">
									<a class="over_slide" href="">
										智能硬件
										
									</a>
									<div class="down_slid">
											<div class="ul">
												<div class="li">
													<a href=""><img src="./images/slide11.png" alt="" />
														<p>智能硬件</p><span>￥1200</span></a>
												</div>
												<div class="li">
													<a href=""><img src="./images/slide12.png" alt="" />
														<p>智能硬件</p><span>￥1200</span></a>
												</div>
												<div class="li">
													<a href=""><img src="./images/slide13.png" alt="" />
														<p>智能硬件</p><span>￥1200</span></a>
												</div>
												<div class="li">
													<a href=""><img src="./images/slide14.png" alt="" />
														<p>智能硬件</p><span>￥1200</span></a>
												</div>
												<div class="li">
													<a href=""><img src="./images/slide15.png" alt="" />
														<p>智能硬件</p><span>￥1200</span></a>
												</div>
												<div class="li">
													<a href=""><img src="./images/slide16.png" alt="" />
														<p>智能硬件</p><span>￥1200</span></a>
												</div>
											</div>
										</div>
										
								</div>
							</li>
						</ul>
						<div class="down_slid_bro"></div>
					</div>
					<div class="shoppingcar">
						<a href=""><img width="25" height="38" src="./images/car.jpg" alt="" title="购物车" /><b>购物车 0</b></a>

					</div>
					<div class="car_event">
						购物车还没有商品，请先购买吧~~
					</div>
				</div>
			</div>
			<!-- 菜单栏结束 <-->
			<div class="f_home" id="f_home">
				<div class="home" id="home">
					<ul class="main_goods" id="main_goods">

						<li class="main_goods_show" id="main_goods_show">
							<a href=""><img src="./images/main1.jpg" alt=""></a>
						</li>

						<li class="main_goods_show" id="main_goods_show">
							<a href=""><img src="./images/main2.png" alt=""></a>
						</li>

						<li class="main_goods_show" id="main_goods_show">
							<a href=""><img src="./images/main3.jpg" alt=""></a>
						</li>

						<li class="main_goods_show" id="main_goods_show">
							<a href=""><img src="./images/main4.jpg" alt=""></a>
						</li>

						<li class="main_goods_show" id="main_goods_show">
							<a href=""><img src="./images/main5.jpg" alt=""> </a>
						</li>

						<li class="main_goods_show" id="main_goods_show">
							<a href=""><img src="./images/main6.jpg" alt=""></a>
						</li>

					</ul>
					<ul id='click'>
						<li class="clickList"></li>
						<li class="clickList"></li>
						<li class="clickList"></li>
						<li class="clickList"></li>
						<li class="clickList"></li>
						<li class="clickList"></li>
					</ul>
					<div id="left_arrow"></div>
					<div class="t_bro" id="left_bro"></div>

					<div id="right_arrow"></div>
					<div class="t_bro" id="right_bro"></div>
					<div class="home_bar_brother"></div>
					<div class="home_bar">
						<div class="blank"></div>
						<ul>
							<li class="home_options">
								<a href="">
									<span>全部商品分类</span>
								</a>
								<div class="hidden_area">
									<div class="ul_area">
										<ul>
											<li class="hidden head_image">
												<a href=""><img src="./images/img1.png" alt="" /><a class="a" href="">PRO 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img2.png" alt="" /><a class="a" href="">MX 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img3.png" alt="" /><a class="a" href="">魅蓝 note5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img4.png" alt="" /><a class="a" href="">魅蓝 metal</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img5.png" alt="" /><a class="a" href="">魅蓝2</a></a>
											</li>
										</ul>
									</div>
									<div class="right_img">
										<img src="./images/right_image1.jpg" alt="" />
									</div>

								</div>
							</li>

							<li class="home_options">
								<a href="">
									<span>手机</span>
								</a>
								<div class="hidden_area">
									<div class="ul_area">
										<ul>
											<li class="hidden head_image">
												<a href=""><img src="./images/img1.png" alt="" /><a class="a" href="">PRO 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img2.png" alt="" /><a class="a" href="">MX 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img3.png" alt="" /><a class="a" href="">魅蓝 note5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img4.png" alt="" /><a class="a" href="">魅蓝 metal</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img5.png" alt="" /><a class="a" href="">魅蓝2</a></a>
											</li>
										</ul>
									</div>
									<div class="right_img">
										<img src="./images/right_image1.jpg" alt="" />
									</div>

								</div>
							</li>

							<li class="home_options">
								<a href="">
									<span>智能硬件</span>
								</a>
								<div class="hidden_area">
									<div class="ul_area">
										<ul>
											<li class="hidden head_image">
												<a href=""><img src="./images/img1.png" alt="" /><a class="a" href="">PRO 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img2.png" alt="" /><a class="a" href="">MX 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img3.png" alt="" /><a class="a" href="">魅蓝 note5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img4.png" alt="" /><a class="a" href="">魅蓝 metal</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img5.png" alt="" /><a class="a" href="">魅蓝2</a></a>
											</li>
										</ul>
									</div>
									<div class="right_img">
										<img src="./images/right_image2.png" alt="" />
									</div>

								</div>
							</li>

							<li class="home_options">
								<a href="">
									<span>耳机 / 音箱</span>
								</a>
								<div class="hidden_area">
									<div class="ul_area">
										<ul>
											<li class="hidden head_image">
												<a href=""><img src="./images/img1.png" alt="" /><a class="a" href="">PRO 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img2.png" alt="" /><a class="a" href="">MX 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img3.png" alt="" /><a class="a" href="">魅蓝 note5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img4.png" alt="" /><a class="a" href="">魅蓝 metal</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img5.png" alt="" /><a class="a" href="">魅蓝2</a></a>
											</li>
										</ul>
									</div>
									<div class="right_img">
										<img src="./images/right_image3.png" alt="" />
									</div>

								</div>
							</li>

							<li class="home_options">
								<a href=""><span>路由器 / 移动电源</span></a>
								<div class="hidden_area">
									<div class="ul_area">
										<ul>
											<li class="hidden head_image">
												<a href=""><img src="./images/img1.png" alt="" /><a class="a" href="">PRO 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img2.png" alt="" /><a class="a" href="">MX 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img3.png" alt="" /><a class="a" href="">魅蓝 note5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img4.png" alt="" /><a class="a" href="">魅蓝 metal</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img5.png" alt="" /><a class="a" href="">魅蓝2</a></a>
											</li>
										</ul>
									</div>
									<div class="right_img">
										<img src="./images/right_image4.jpg" alt="" />
									</div>

								</div>
							</li>

							<li class="home_options">
								<a href=""><span>保护套 / 后盖 / 薄膜</span></a>
								<div class="hidden_area">
									<div class="ul_area">
										<ul>
											<li class="hidden head_image">
												<a href=""><img src="./images/img1.png" alt="" /><a class="a" href="">PRO 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img2.png" alt="" /><a class="a" href="">MX 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img3.png" alt="" /><a class="a" href="">魅蓝 note5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img4.png" alt="" /><a class="a" href="">魅蓝 metal</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img5.png" alt="" /><a class="a" href="">魅蓝2</a></a>
											</li>
										</ul>
									</div>
									<div class="right_img">
										<img src="./images/right_image5.jpg" alt="" />
									</div>

								</div>
							</li>

							<li class="home_options">
								<a href=""><span>数据线 / 电源适配器</span></a>
								<div class="hidden_area">
									<div class="ul_area">
										<ul>
											<li class="hidden head_image">
												<a href=""><img src="./images/img1.png" alt="" /><a class="a" href="">PRO 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img2.png" alt="" /><a class="a" href="">MX 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img3.png" alt="" /><a class="a" href="">魅蓝 note5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img4.png" alt="" /><a class="a" href="">魅蓝 metal</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img5.png" alt="" /><a class="a" href="">魅蓝2</a></a>
											</li>
										</ul>
									</div>
									<div class="right_img">
										<img src="./images/right_image6.jpg" alt="" />
									</div>

								</div>
							</li>

							<li class="home_options">
								<a href=""><span>其他</span></a>
								<div class="hidden_area">
									<div class="ul_area">
										<ul>
											<li class="hidden head_image">
												<a href=""><img src="./images/img1.png" alt="" /><a class="a" href="">PRO 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img2.png" alt="" /><a class="a" href="">MX 5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img3.png" alt="" /><a class="a" href="">魅蓝 note5</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img4.png" alt="" /><a class="a" href="">魅蓝 metal</a></a>
											</li>
											<li class="hidden">
												<a href=""><img src="./images/img5.png" alt="" /><a class="a" href="">魅蓝2</a></a>
											</li>
										</ul>
									</div>
									<div class="right_img">
										<img src="./images/right_image7.jpg" alt="" />
									</div>

								</div>
							</li>

						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="bottom">

			<!-- 主体部分 -->
			<!-- 便利通道 -->
			<div class="time">
				<div class="time_left"><a href=""><span><img width="24" height="24" src="./images/T1.png" alt=""></span><p>M码通道</p></a></div>
				<div class="time_left"><a href=""><span><img width="24" height="24" src="./images/T2.png" alt=""></span><p>以旧换新</p></a></div>
				<div class="time_left"><a href=""><span><img width="24" height="24" src="./images/T3.png" alt=""></span><p>补买意外险</p></a></div>
				<div class="time_left"><a href=""><span><img width="24" height="24" src="./images/T4.png" alt=""></span><p>回购单查询</p></a>
					<p></p>
				</div>
			</div>
			<div class="time">
				<a href=""><img width="244" height="140" src="./images/time1.jpg" alt=""></a>
			</div>
			<div class="time">
				<a href=""><img width="244" height="140" src="./images/time2.jpg" alt=""></a>
			</div>
			<div class="time">
				<a href=""><img width="244" height="140" src="./images/time3.jpg" alt=""></a>
			</div>
			<div class="time">
				<a href=""><img width="244" height="140" src="./images/time4.jpg" alt=""></a>
			</div>
			<!-- 便利通道结束 -->
			<!-- 今日推荐 -->
			<div class="space"></div>
			<!-- 热门推荐 -->
			<div class="go_hot">
				<div class="banner">
					<div class="title">
						热门推荐
					</div>

					<div class="small" id="big"><img src="./images/big.png" alt=""></div>

					<div class="big" id="small"><img src="./images/small.png" alt=""></div>

				</div>
				<div class="hot_content">
					<div id="js_content" >
						<ul>
							<li index="0">
								<div class="rel_hot_content">
									<div class="situation">
										<p>热卖</p>
									</div>
									<a class="hot" href="">
										<img class="global_img" src="./images/hot1.png" alt="">
										<h4>魅蓝note2</h4>
										<h6>多彩纤薄机身</h6>
										<p><span>&yen;</span>799</p>
									</a>
								</div>
								<div class="rel_hot_content">
									<div class="situation">
										<p>热卖</p>
									</div>
									<a class="hot" href="">
										<img class="global_img" src="./images/hot2.png" alt="">
										<h4>魅蓝note2</h4>
										<h6>多彩纤薄机身</h6>
										<p><span>&yen;</span>799</p>
									</a>
								</div>
								<div class="rel_hot_content">
									<a class="hot" href="">
										<img class="global_img" src="./images/hot3.png" alt="">
										<h4>魅蓝note2</h4>
										<h6>多彩纤薄机身</h6>
										<p><span>&yen;</span>799</p>
									</a>
								</div>
								<div class="rel_hot_content">
									<a class="hot" href="">
										<img class="global_img" src="./images/hot4.png" alt="">
										<h4>魅蓝note2</h4>
										<h6>多彩纤薄机身</h6>
										<p><span>&yen;</span>799</p>
									</a>
								</div>
								<div class="rel_hot_content">
									<a class="hot" href="">
										<img class="global_img" src="./images/hot5.png" alt="">
										<h4>魅蓝note2</h4>
										<h6>多彩纤薄机身</h6>
										<p><span>&yen;</span>799</p>
									</a>
								</div>
							</li>
							<li index="1">
								<div class="rel_hot_content">
									<a class="hot" href="">
										<img class="global_img" src="./images/hot6.png" alt="">
										<h4>魅蓝note2</h4>
										<h6>多彩纤薄机身</h6>
										<p><span>&yen;</span>799</p>
									</a>
								</div>
								<div class="rel_hot_content">
									<a class="hot" href="">
										<img class="global_img" src="./images/hot7.png" alt="">
										<h4>魅蓝note2</h4>
										<h6>多彩纤薄机身</h6>
										<p><span>&yen;</span>799</p>
									</a>
								</div>
								<div class="rel_hot_content">
									<a class="hot" href="">
										<img class="global_img" src="./images/hot8.png" alt="">
										<h4>魅蓝note2</h4>
										<h6>多彩纤薄机身</h6>
										<p><span>&yen;</span>799</p>
									</a>
								</div>
								<div class="rel_hot_content">
									<a class="hot" href="">
										<img class="global_img" src="./images/hot9.png" alt="">
										<h4>魅蓝note2</h4>
										<h6>多彩纤薄机身</h6>
										<p><span>&yen;</span>799</p>
									</a>
								</div>
								<div class="rel_hot_content">
									<a class="hot" href="">
										<img class="global_img" src="./images/hot10.jpg" alt="">
										<h4>魅蓝note2</h4>
										<h6>多彩纤薄机身</h6>
										<p><span>&yen;</span>799</p>
									</a>
								</div>
							</li>
							<li index="2">
										<div class="rel_hot_content">
									<a class="hot" href="">
										<img class="global_img" src="./images/hot11.png" alt="">
										<h4>魅蓝note2</h4>
										<h6>多彩纤薄机身</h6>
										<p><span>&yen;</span>799</p>
									</a>
								</div>
								<div class="rel_hot_content">
									<a class="hot" href="">
										<img class="global_img" src="./images/hot12.png" alt="">
										<h4>魅蓝note2</h4>
										<h6>多彩纤薄机身</h6>
										<p><span>&yen;</span>799</p>
									</a>
								</div>
								<div class="rel_hot_content">
									<a class="hot" href="">
										<img class="global_img" src="./images/hot13.png" alt="">
										<h4>魅蓝note2</h4>
										<h6>多彩纤薄机身</h6>
										<p><span>&yen;</span>799</p>
									</a>
								</div>
								<div class="rel_hot_content">
									<a class="hot" href="">
										<img class="global_img" src="./images/hot14.png" alt="">
										<h4>魅蓝note2</h4>
										<h6>多彩纤薄机身</h6>
										<p><span>&yen;</span>799</p>
									</a>
								</div>
								<div class="rel_hot_content">
									<a class="hot" href="">
										<img class="global_img" src="./images/hot15.png" alt="">
										<h4>魅蓝note2</h4>
										<h6>多彩纤薄机身</h6>
										<p><span>&yen;</span>799</p>
									</a>
								</div>
							</li>
						</ul>
						
						
						
						
					</div>
				</div>
			</div>
			<div class="space"></div>
			<div class="PR05_recommend">
				<img src="./images/pr05.png">
			</div>
			<!-- 热门推荐结束 -->
			<!-- 手机推荐开始 -->
			<div class="space"></div>
			<div class="banner">
				<div class="title">
					手机
				</div>
				<div class="more">
					<a href="">
						<p>更多</p>
						<img id='small' src="./images/small.png" alt="" />
						<img id='big' src="./images/big.png" alt="" />
					</a>
				</div>
			</div>

			<div class="phone_content">
				<div class="rel_phone_head">
					<a class="phone" href="">
						<img src="./images/phone_mobile.jpg" alt="">
					</a>
				</div>
				<div class="rel_phone_content">
					<div class="situation">
						<p>热卖</p>
					</div>
					<a class="phone" href="">
						<img class="global_img" src="./images/mobile1.png" alt="">
						<h4>魅蓝metal 礼盒套装</h4>
						<h6>含皮革保护壳，高透保护膜</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_phone_content">
					<div class="situation3">
						<p>赠品</p>
					</div>
					<a class="phone" href="">
						<img class="global_img" src="./images/mobile2.png" alt="">
						<h4>魅蓝metal 礼盒套装</h4>
						<h6>含皮革保护壳，高透保护膜</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_phone_content">
					<div class="situation3">
						<p>赠品</p>
					</div>
					<a class="phone" href="">
						<img class="global_img" src="./images/mobile3.png" alt="">
						<h4>魅蓝metal 礼盒套装</h4>
						<h6>含皮革保护壳，高透保护膜</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_phone_content">
					<a class="phone" href="">
						<img class="global_img" src="./images/mobile4.png" alt="">
						<h4>魅蓝metal 礼盒套装</h4>
						<h6>含皮革保护壳，高透保护膜</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
			</div>
			<div class="phone_content">
				<div class="rel_phone_content">
					<a class="phone" href="">
						<img class="global_img" src="./images/mobile5.png" alt="">
						<h4>魅蓝metal 礼盒套装</h4>
						<h6>含皮革保护壳，高透保护膜</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_phone_content">
					<div class="situation">
						<p>热卖</p>
					</div>
					<a class="phone" href="">
						<img class="global_img" src="./images/mobile6.png" alt="">
						<h4>魅蓝metal 礼盒套装</h4>
						<h6>含皮革保护壳，高透保护膜</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_phone_content">
					<div class="situation2">
						<p>特惠</p>
					</div>
					<a class="phone" href="">
						<img class="global_img" src="./images/mobile7.png" alt="">
						<h4>魅蓝metal 礼盒套装</h4>
						<h6>含皮革保护壳，高透保护膜</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_phone_content">
					<div class="situation1">
						<p>新品</p>
					</div>
					<a class="phone" href="">
						<img class="global_img" src="./images/mobile8.png" alt="">
						<h4>魅蓝metal 礼盒套装</h4>
						<h6>含皮革保护壳，高透保护膜</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_phone_content">
					<div class="situation">
						<p>热卖</p>
					</div>
					<a class="phone" href="">
						<img class="global_img" src="./images/mobile9.png" alt="">
						<h4>魅蓝metal 礼盒套装</h4>
						<h6>含皮革保护壳，高透保护膜</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
			</div>
			<div class="space"></div>
			<div class="Strongly_recommend">
				<img src="./images/Strongly_recommend.jpg">
			</div>
			<div class="space"></div>
			<div class="banner">
				<div class="title">
					精选配件
				</div>
				<div class="more">
					<a href="">
						<p>更多</p>
						<img src="./images/big.png" alt="" />
					</a>
				</div>
			</div>

			<div class="accessories_content">
				<div class="rel_accessories_head">
					<a class="accessories" href="">
						<img src="./images/erji1.jpg" alt="">
					</a>
				</div>
				<div class="rel_accessories_content">
					<div class="situation">
						<p>热卖</p>
					</div>
					<a class="accessories" href="">
						<img class="global_img" src="./images/ATH.png" alt="">
						<h4>铁三角ATH-CLR100 耳机</h4>
						<h6>人体工学设计 水晶般清晰音色</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_accessories_content">
					<a class="accessories" href="">
						<img class="global_img" src="./images/erji2.png" alt="">
						<h4>铁三角ATH-CLR100 耳机</h4>
						<h6>人体工学设计 水晶般清晰音色</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_accessories_content">
					<a class="accessories" href="">
						<img class="global_img" src="./images/erji3.png" alt="">
						<h4>铁三角ATH-CLR100 耳机</h4>
						<h6>人体工学设计 水晶般清晰音色</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_accessories_content">
					<div class="situation1">
						<p>新品</p>
					</div>
					<a class="accessories" href="">
						<img class="global_img" src="./images/erji4.png" alt="">
						<h4>铁三角ATH-CLR100 耳机</h4>
						<h6>人体工学设计 水晶般清晰音色</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
			</div>
			<div class="accessories_content">
				<div class="rel_accessories_content">

					<a class="accessories" href="">
						<img class="global_img" src="./images/erji5.png" alt="">
						<h4>铁三角ATH-CLR100 耳机</h4>
						<h6>人体工学设计 水晶般清晰音色</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_accessories_content">
					<div class="situation">
						<p>热卖</p>
					</div>
					<a class="accessories" href="">
						<img class="global_img" src="./images/erji6.png" alt="">
						<h4>铁三角ATH-CLR100 耳机</h4>
						<h6>人体工学设计 水晶般清晰音色</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_accessories_content">
					<div class="situation2">
						<p>特惠</p>
					</div>
					<a class="accessories" href="">
						<img class="global_img" src="./images/erji7.png" alt="">
						<h4>铁三角ATH-CLR100 耳机</h4>
						<h6>人体工学设计 水晶般清晰音色</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_accessories_content">
					<a class="accessories" href="">
						<img class="global_img" src="./images/erji8.png" alt="">
						<h4>铁三角ATH-CLR100 耳机</h4>
						<h6>人体工学设计 水晶般清晰音色</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_accessories_content">
					<a class="accessories" href="">
						<img class="global_img" src="./images/erji9.png" alt="">
						<h4>铁三角ATH-CLR100 耳机</h4>
						<h6>人体工学设计 水晶般清晰音色</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
			</div>
			<div class="space"></div>
			<div class="hot_recommend">
				<img src="./images/hot_recommend.png">
			</div>
			<div class="space"></div>
			<!-- 智能硬件开始 -->
			<div class="banner">
				<div class="title">
					智能硬件
				</div>
				<div class="more">
					<a href="">
						<p>更多</p>
						<img src="./images/big.png" alt="" />
					</a>
				</div>
			</div>
			<div class="hardware_content">
				<div class="rel_hardware_head">
					<a class="hardware" href="">
						<img src="./images/ware.jpg" alt="">
					</a>
				</div>
				<div class="rel_hardware_content">
					<div class="situation">
						<p>热卖</p>
					</div>
					<a class="hardware" href="">
						<img class="global_img" src="./images/ware1.png" alt="">
						<h4>哇威 智能恐龙</h4>
						<h6>开启新侏罗纪时代</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_hardware_content">

					<a class="hardware" href="">
						<img class="global_img" src="./images/ware2.png" alt="">
						<h4>哇威 智能恐龙</h4>
						<h6>开启新侏罗纪时代</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_hardware_content">
					<a class="hardware" href="">
						<img class="global_img" src="./images/ware3.png" alt="">
						<h4>哇威 智能恐龙</h4>
						<h6>开启新侏罗纪时代</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_hardware_content">
					<div class="situation2">
						<p>特惠</p>
					</div>
					<a class="hardware" href="">
						<img class="global_img" src="./images/ware4.png" alt="">
						<h4>哇威 智能恐龙</h4>
						<h6>开启新侏罗纪时代</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
			</div>
			<div class="hardware_content">
				<div class="rel_hardware_content">
					<div class="situation">
						<p>热卖</p>
					</div>
					<a class="hardware" href="">
						<img class="global_img" src="./images/ware5.png" alt="">
						<h4>哇威 智能恐龙</h4>
						<h6>开启新侏罗纪时代</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_hardware_content">
					<div class="situation">
						<p>热卖</p>
					</div>
					<a class="hardware" href="">
						<img class="global_img" src="./images/ware6.png" alt="">
						<h4>哇威 智能恐龙</h4>
						<h6>开启新侏罗纪时代</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_hardware_content">
					<a class="hardware" href="">
						<img class="global_img" src="./images/ware7.png" alt="">
						<h4>哇威 智能恐龙</h4>
						<h6>开启新侏罗纪时代</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_hardware_content">
					<a class="hardware" href="">
						<img class="global_img" src="./images/ware8.png" alt="">
						<h4>哇威 智能恐龙</h4>
						<h6>开启新侏罗纪时代</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_hardware_content">
					<div class="situation1">
						<p>新品</p>
					</div>
					<a class="hardware" href="">
						<img class="global_img" src="./images/ware9.png" alt="">
						<h4>哇威 智能恐龙</h4>
						<h6>开启新侏罗纪时代</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
			</div>

			<!-- 智能硬件结束 -->
			<!-- 精美周边开始 -->
			<div class="banner">
				<div class="title">
					精美周边
				</div>
				<div class="more">
					<a href="">
						<p>更多</p>
						<img src="./images/big.png" alt="" />
					</a>
				</div>
			</div>
			<div class="surrounding_content">
				<div class="rel_surrounding_head">
					<a class="surrounding" href="">
						<img src="./images/hot_surrounding.jpg" alt="">
					</a>
				</div>
				<div class="rel_surrounding_content_right">
					<div class="rel_surrounding_content">
						<a class="surrounding" href="">
							<img class="global_img" src="./images/surrounding1.png" alt="">
							<h4>魅蓝2 钢化玻璃保护膜</h4>
							<h6>进口玻璃 超强钢化</h6>
							<p><span>&yen;</span>1299</p>
						</a>
					</div>
					<div class="rel_surrounding_content">
						<a class="surrounding" href="">
							<img class="global_img" src="./images/surrounding2.png" alt="">
							<h4>魅蓝2 钢化玻璃保护膜</h4>
							<h6>进口玻璃 超强钢化</h6>
							<p><span>&yen;</span>1299</p>
						</a>
					</div>
					<div class="rel_surrounding_content">
						<a class="surrounding" href="">
							<img class="global_img" src="./images/surrounding3.png" alt="">
							<h4>魅蓝2 钢化玻璃保护膜</h4>
							<h6>进口玻璃 超强钢化</h6>
							<p><span>&yen;</span>1299</p>
						</a>
					</div>
				</div>
			</div>
			<div class="surrounding_content">
				<div class="rel_surrounding_content">

					<a class="surrounding" href="">
						<img class="global_img" src="./images/surrounding4.png" alt="">
						<h4>魅蓝2 钢化玻璃保护膜</h4>
						<h6>进口玻璃 超强钢化</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_surrounding_content">
					<div class="situation">
						<p>热卖</p>
					</div>
					<a class="surrounding" href="">
						<img class="global_img" src="./images/surrounding5.png" alt="">
						<h4>魅蓝2 钢化玻璃保护膜</h4>
						<h6>进口玻璃 超强钢化</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_surrounding_content">
					<a class="surrounding" href="">
						<img class="global_img" src="./images/surrounding6.png" alt="">
						<h4>魅蓝2 钢化玻璃保护膜</h4>
						<h6>进口玻璃 超强钢化</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_surrounding_content">
					<div class="situation1">
						<p>新品</p>
					</div>
					<a class="surrounding" href="">
						<img class="global_img" src="./images/surrounding7.png" alt="">
						<h4>魅蓝2 钢化玻璃保护膜</h4>
						<h6>进口玻璃 超强钢化</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
				<div class="rel_surrounding_content">
					<div class="situation2">
						<p>特惠</p>
					</div>
					<a class="surrounding" href="">
						<img class="global_img" src="./images/surrounding8.png" alt="">
						<h4>魅蓝2 钢化玻璃保护膜</h4>
						<h6>进口玻璃 超强钢化</h6>
						<p><span>&yen;</span>799</p>
					</a>
				</div>
			</div>
			<!-- 精美周边结束 -->
			<div class="space"></div>
			<div class="space"></div>
			<!-- 主体部分结束 -->
		</div>
		<div class="other">
			<div class="down_message">
				<div class="commitment">
					<ul>
						<li class="promise">
							<span>
							<img src="./images/1.png" alt="">
						</span>
							<span><b>7天</b> 无理由退货</span>
						</li>
						<li class="promise">
							<span>
							<img src="./images/2.png" alt="">
						</span>
							<span><b>15天</b> 换货保障</span>
						</li>
						<li class="promise">
							<span>
							<img src="./images/3.png" alt="">
						</span>
							<span><b>1年</b> 免费保修</span>
						</li>
						<li class="promise">
							<span>
							<img src="./images/4.png" alt="">
						</span>
							<span><b>全场</b> 包邮</span>
						</li>
						<li class="promise">
							<span>
							<img src="./images/5.png" alt="">
						</span>
							<span><b>2000多家</b> 专卖店</span>
						</li>
					</ul>
				</div>
				<div class="about">
					<div class="zixun">
						<ul>
							<h4>帮助说明</h4>
							<li><a href="">云服务</a></li>
							<li><a href="">固件下载</a></li>
							<li><a href="">软件商店</a></li>
							<li><a href="">查找手机</a></li>
						</ul>
					</div>
					<div class="zixun">
						<ul>
							<h4>Flyme OS</h4>
							<li><a href="">支付方式</a></li>
							<li><a href="">配送说明</a></li>
							<li><a href="">售后服务</a></li>
							<li><a href="">付款帮助</a></li>
						</ul>
					</div>
					<div class="zixun">
						<ul>
							<h4>关于我们</h4>
							<li><a href="">关于魅族</a></li>
							<li><a href="">加入我们</a></li>
							<li><a href="">联系我们</a></li>
							<li><a href="">法律声明</a></li>
						</ul>
					</div>
					<div class="zixun">
						<ul>
							<h4>关注我们</h4>
							<li><a href="">新浪微博</a></li>
							<li><a href="">腾讯微博</a></li>
							<li><a href="">QQ空间</a></li>
							<li><a href="">官方微信</a></li>
						</ul>
					</div>
					<div class="lianxi">
						<h3>24小时全国服务热线</h3>
						<h4>400-788-3333</h4>
						<a class="change_color" href="">
							<img src="./images/xiaoxi.png" alt="" align="middle">
							<b>24小时在线客服</b>
						</a>
					</div>
				</div>

				<div class="license">©2016 Meizu Telecom Equipment Co., Ltd. All rights reserved. 备案号：粤ICP备13003602号-2 经营许可证编号：粤B2-20130198 营业执照
					<img src="./images/a.png" alt="">
					<img src="./images/b.png" alt="">
					<img src="./images/c.png" alt="">
				</div>
			</div>
		</div>
		<!-- 全局定位 -->
		<div class="global">
			<a href="">
				<img src="./images/fixed_one.png" alt="">
			</a>
			<div class="go_back">
				<a href="#page_top">
					<img src="./images/fixed_two.png" alt="">
				</a>
			</div>
		</div>

	</body>

</html>